<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0, user-scalable=no">
		<meta name="format-detection" content="telephone=no, email=no">
		<meta name="HandheldFriendly" content="true">
		<title>底部导航bottom-nav</title>
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_808616_yrbvv5ptdqj.css" />
		<link rel="stylesheet" type="text/css" href="../../css/comment.css" />
		<style type="text/css">
			body,html{height: 100%;background: #fff;}
			ul{padding: 20px 0;}
			ul li{display:block;margin:10px auto;width:35%;padding: 0 10px; height: 50px;text-align: center;line-height: 50px;color: #FE715C;}
			.st-border-l:before,.st-border-t:before,.st-border-r:before,.st-border-b:before,.st-border-tb:before,.st-border-tb:after,.st-border:before,.st-border-radius:before,
			.st-border-tl:before,.st-border-tl:after,.st-border-tr:before,.st-border-tr:after,.st-border-bl:before,.st-border-bl:after,.st-border-br:before,.st-border-br:after{border-color: #FE715C;}
		</style>
	</head>

	<body>
		<ul> 
			<li class="st-border-t">top</li><br />
			<li class="st-border-l">left</li><br />
			<li class="st-border-b">bottom</li><br />
			<li class="st-border-r">right</li><br />
			<li class="st-border-tb">border-tb</li><br />
			
			<li class="st-border-tl">top-left</li><br />
			<li class="st-border-tr">top-right</li><br />
			<li class="st-border-bl">bottom-left</li><br />
			<li class="st-border-br">bottom-right</li><br />
			
			<li class="st-border">border</li><br />
			<li class="st-border-radius">border-radius</li>
		</ul>
	</body>

</html>  